Page({
  data: {
    activeTab: '0',  // 默认选中全部选项卡
    sortType: '默认排序',
    gender: '男生',
    accompanies: [
      {
        id: 1,
        name: '小温91',
        avatar: '/assets/TDesignLogo@2x.png',
        rating: 5.0,
        earliestTime: '今02:00',
        distance: '3.2km',
        status: '可服务',
        comments: 0,
        likes: 0
      },
      {
        id: 2,
        name: '黄桂玲',
        avatar: '/assets/TDesignLogo@2x.png',
        rating: 5.0,
        earliestTime: '今02:00',
        distance: '8.73km',
        status: '可服务',
        comments: 0,
        likes: 0
      },
      {
        id: 3,
        name: '何惠琼',
        avatar: '/assets/TDesignLogo@2x.png',
        rating: 5.0,
        earliestTime: '今02:00',
        distance: '8.87km',
        status: '可服务',
        comments: 0,
        likes: 3
      }
    ]
  },
  
  onLoad() {
    // 页面加载时的逻辑
  },
  
  // 选项卡切换事件
  onTabsChange(e) {
    const value = e.detail.value;
    this.setData({
      activeTab: value
    });
    
    // 根据选项卡筛选陪诊师列表
    this.filterAccompanies();
  },
  
  // 排序方式切换
  changeSortType() {
    // 这里可以实现一个排序方式选择弹窗
    wx.showActionSheet({
      itemList: ['默认排序', '距离优先', '评分优先', '价格优先'],
      success: (res) => {
        const sortTypes = ['默认排序', '距离优先', '评分优先', '价格优先'];
        this.setData({
          sortType: sortTypes[res.tapIndex]
        });
        // 根据排序方式重新排序列表
        this.filterAccompanies();
      }
    });
  },
  
  // 性别筛选切换
  changeGender() {
    wx.showActionSheet({
      itemList: ['全部', '男生', '女生'],
      success: (res) => {
        const genders = ['全部', '男生', '女生'];
        this.setData({
          gender: genders[res.tapIndex]
        });
        // 根据性别筛选列表
        this.filterAccompanies();
      }
    });
  },
  
  // 更多筛选选项
  showMoreFilters() {
    wx.showToast({
      title: '更多筛选功能开发中',
      icon: 'none'
    });
  },
  
  // 筛选陪诊师列表
  filterAccompanies() {
    // 实际应用中，这里应该根据筛选条件从服务器获取数据
    // 这里仅做演示，使用本地数据
    console.log(`筛选条件：选项卡=${this.data.activeTab}，排序=${this.data.sortType}，性别=${this.data.gender}`);
  },
  
  // 点击预约按钮
  onBooking(e) {
    const id = e.currentTarget.dataset.id;
    wx.showToast({
      title: `预约功能开发中，陪诊师ID: ${id}`,
      icon: 'none'
    });
  },
  
  // 点击评论按钮
  onComment(e) {
    const id = e.currentTarget.dataset.id;
    wx.showToast({
      title: `评论功能开发中，陪诊师ID: ${id}`,
      icon: 'none'
    });
  },
  
  // 点击收藏按钮
  onLike(e) {
    const id = e.currentTarget.dataset.id;
    wx.showToast({
      title: `收藏功能开发中，陪诊师ID: ${id}`,
      icon: 'none'
    });
  },
  
  // 切换列表/地图视图
  toggleView(e) {
    const view = e.currentTarget.dataset.view;
    if (view === 'map') {
      wx.showToast({
        title: '地图视图功能开发中',
        icon: 'none'
      });
    }
  },
  
  // 城市选择
  selectCity() {
    wx.showToast({
      title: '城市选择功能开发中',
      icon: 'none'
    });
  }
});